More
Documentation
Everything to look up: how you work with Kitty, plus living examples of typography, layouts and components.
Overview
Kitty in detail
How it works
How Kitty structures questions, captures decisions and turns them into concrete pages together with an AI.
ViewTypography
The complete type scale with specimen text, plus usage examples per style — the interplay of headline and body text.
ViewSection Layouts
Text and image-text columns: 50/50, 30/70, 70/30 and the 4-column grid — with and without an image.
ViewComponents
Every building block in the catalog: feature grid, cards, callout, FAQ, form, full-bleed image and more — each with class and preview.
ViewMiscellaneous
Reference for layout-relevant classes: Lead vs. Section-Intro, the spacing system, Boxed/Full, prose widths and TOC.
ViewStyleguide
The design system on a single page: brand sliders, color tokens, type scale, spacing and radii.
ViewDemos
Complete example sites
Whole pages to click through. They open in a new tab, so you don't lose your overview here.
Build it yourself
Tell Kitty what you need.
The examples show how a briefing and a few deliberate decisions turn into a consistent website.